<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>数组示例 答疑</title>
        <script src="../../dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            {{obj.a}}
            <ul>
                <li v-for="i in obj.b">{{i}}</li>
            </ul>

            <hr />
            {{obj.c.d}}
        </div>

        <script>
            let vm = new Vue({
                el: '#app',
                data: {
                    obj: {
                        a: 1,
                        b: [2, 3, 4],
                        c: {
                            d: 5
                        }
                    }
                }
            });
        </script>
    </body>
</html>
